<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>初相遇</title>
    <style>
        .bt{
            color: blue;
            font-size: 18px;
            text-align: center;
        }
        span{
            color: gray;
            font-size: 10px;
        }
        .but{
            color: red;
            font-size: 15px;
        }
        p{
            /*text-indent属性用来指定文本的第一行的缩进，通常是将段落的首行缩进*/
            text-indent:2em;
            /*行间距*/
            line-height:22px;
        }
        .poem{
            width: 400px;
        }
        .xi{
            color: blue;
            font-size: 16px;
            font-style:italic;
            /*cursor属加粗样式性*/
            cursor:pointer;
            /*font-weight属性用于设置文字字体的粗细*/
            font-weight:bold;
        }
        .last{
            color: green;
            /*在文字下面加横线*/
            text-decoration:underline;
            cursor:pointer;
        }
    </style>
</head>
<body>
<div class="poem">
    <h2 class="bt">初相遇&nbsp;&nbsp;&nbsp;<span>文/席慕容</span></h2>
    <p><span class="but">美</span>丽的梦和美丽的诗一样，都是可遇而不可求的，常常在最没能料到的时刻里出现。</p>
    <p>我喜欢那样的梦，在梦里，一切都可以重新开始，一切都可以慢慢解释，心里甚至还能感觉到，所有被浪费的时光竟然都能重回时的狂喜与感激。
        <span class="xi">胸怀中满溢着幸福，只因你就在我眼前，</span>对我微笑，一如当年。</p>
    <p class="last">我喜欢那样的梦，明明知道你已为我跋涉千里，却又觉得芳草鲜美，落落英缤纷，好像你我才初相遇。</p>
</div>


</body>
</html>